/**
 * Description
 *
 * Creation Date 20/12/2017
 * @author Candy
 */
import React, { PureComponent } from 'react';
import { View, Image, StyleSheet, Text, TouchableOpacity } from 'react-native';
import { screen, config, color } from '../utils';
import * as TextTool from './TextTool';

const { H1, Small, Normal, H3, tip } = TextTool

export default class ButtonItem extends PureComponent {
	constructor(props) {
		super(props)
	}

	render() {
		const { item } = this.props;
		return (
			<View style={styles.container}>
				<TouchableOpacity style={[styles.button, this.props.style]} onPress={this.props.onPress}>
					<Text style={{color: '#fff'}}>{ this.props.buttonText }</Text>
				</TouchableOpacity>
			</View>
		)
	}
}

const styles = StyleSheet.create({
	container: {
		flex:1,
		flexDirection: 'row',
		marginTop: 30,
		backgroundColor: '#fff',
		justifyContent: 'center'
	},
	brandImage: {
		width: 200,
		height: 100
	},
	button: {
		width: screen.width*0.8,
		height: 40,
		backgroundColor: '#7ec801',
		justifyContent: 'center',
		alignItems: 'center'
	},
	price: {
		fontSize: 20,
		fontWeight: 'bold',
		color: color.theme
	}
});
